<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>雷达图</title>
    <script src="../../echarts.min.js"></script>
</head>
<body>
    <div id="main" style="height: 600px;width: 600px;"></div>
</body>
<script>
    let mychart = echarts.init(document.getElementById("main"))
    let option = {
        title:{
            text:"雷达图",
            left:"center",
        },
        tooltip:{},
        legend:{
            data:["1号员工","2号员工"],
            left:"right",
            orient:"vertical"
        },
        radar:{
            name:{
                textStyle:{                
                    color:'#fff',
                    backgroundColor:"#999",
                    borderRadious:3,
                    padding:[3,5]}
            },
            indicator:[
                {name:"技能A",max:6500},
                {name:"技能B",max:16000},
                {name:'技能C',max:30000},
                {name:"技能D",max:38000},
                {name:"技能E",max:52000},
                {name:'技能F',max:25000}
            ]
        },
        series:[
            {
                type:"radar",
                data:[
                    {value:[4300,10000,28000,35000,50000,19000],name:"1号员工"},
                    {value:[5000,14000,28000,31000,42000,21000],name:"2号员工"}
                ]
            }
        ]
    }
    mychart.setOption(option)
</script>
</html>